import { FC } from "react";
import { Menu } from "antd";
import { UserInfo } from "../index";
export const MyHeader: FC = () => {
  const items = [
    {
      key: 1,
      label: "导航1",
    },
    {
      key: 2,
      label: "导航2",
    },
    {
      key: 3,
      label: "导航3",
    },
    {
      key: 4,
      label: "导航4",
    },
    {
      key: 5,
      label: "导航5",
    },
    {
      key: 6,
      label: "导航6",
    },
  ];
  return (
    <div
      style={{
        display: "flex",
        justifyContent: "space-between",
        alignItems: "center",
      }}
    >
      <Menu
        theme="dark"
        mode="horizontal"
        defaultSelectedKeys={["1"]}
        items={items}
      />
      <UserInfo></UserInfo>
    </div>
  );
};
